<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/register.css" />
    <title>注册_华为帐号</title>
</head>

<body>
    <div class="header">
        <div class="logo">
            <div class="logo-left">
                <img style="width: 100%" src="./img/LiFei-img/HUAWEI.svg" alt="" />
            </div>
            <div class="logo-right">
                <span class="hwid-uc-separator">|</span>
                <span style="height: 48px; width: 95.24px"><strong>华为商城</strong></span>
            </div>
        </div>
    </div>
    <div class="middle">
        <div class="content">
            <div class="content-left">
                <div class="content-left1">
                    <span class="iconfont icon-shouji"></span>
                    <span>手机号注册</span>
                </div>
                <div class="content-left2">
                    <span class="iconfont icon-a-youjianchakanyoujianfasongyoujianshouyoujian-01"></span>
                    <span>邮箱地址注册</span>
                </div>
            </div>
            <div class="content-right">
                <div class="content-right-title">
                    <div class="content-right-title1">
                        <span>华为帐号注册</span>
                    </div>
                    <div class="content-right-title2">
                        <span>已有帐号，<a href="登录.html">去登录</a></span>
                    </div>
                </div>
                <div class="write">
                    <div class="write-one">
                        <div class="write-one1">
                            <div class="write-one1-left">
                                <span>国家/地区</span>
                            </div>
                            <div class="write-one1-right">
                                <span style="width: 28px; height: 42px;display: flex;align-items: center;">中国</span>
                                <div> <span class="iconfont icon-xiangxia" style="margin-left: 0px;
                                    margin-right: 0px;"></span></div>

                            </div>
                        </div>
                    </div>
                    <div class="write-two">
                        <div class="write-two1">
                            <input style="background-color: #f2f2f2;
                            padding-left: 16px;
                            padding-right: 16px;
                            font-size: 14px;border: none;
                        " name="user" placeholder="邮件地址" type="text">
                        </div>
                    </div>
                    <div class="write-three">
                        <div class="write-three1">
                            <input style="background-color: #f2f2f2;
                            padding-left: 16px;
                            padding-right: 16px;
                            font-size: 14px;border: none;
                        " name="user" placeholder="邮件验证码" type="text">
                            <div style="margin-right: 16px;"><a style="font-size: 14px;" href="">获取邮件验证码</a></div>
                        </div>
                    </div>
                    <div class="code">
                        <div class="code-one">
                            <input style="background-color: #f2f2f2;
                            padding-left: 16px;
                            padding-right: 16px;
                            font-size: 14px;border: none;
                        " name="user" placeholder="密码" type="text">
                            <div style="margin-right: 16px;"><span class="iconfont icon-icon-biyanyanjing"
                                    style="margin-left: 0px;  margin-right: 0px;"></span>
                            </div>
                        </div>
                        <div class="code-two">
                            <input style="background-color: #f2f2f2;
                            padding-left: 16px;
                            padding-right: 16px;
                            font-size: 14px;border: none;
                        " name="user" placeholder="确认密码" type="text">
                            <div style="margin-right: 16px;"><span class="iconfont icon-icon-biyanyanjing"
                                    style="margin-left: 0px;  margin-right: 0px;"></span>
                            </div>
                        </div>
                    </div>
                    <div class="date">
                        <div class="date1">
                            <div class="date1-left">
                                <span>出生日期</span>
                            </div>
                            <div class="date1-right">
                                <div class="date1-right1">
                                    <div style="width: 46.85px;height: 42px;display: flex;align-items: center;">
                                        <span>2022年</span>
                                    </div>
                                    <div><span class="iconfont icon-xiangxia1" style="margin-left: 0px;
                                    margin-right: 0px;"></span></div>

                                </div>
                                <div class="date1-right2">
                                    <div style="width: 22.212px;height: 42px;display: flex;align-items: center;">
                                        <span>8月</span></div>
                                    <div><span class="iconfont icon-xiangxia1" style="margin-left: 0px;
                                    margin-right: 0px;"></span></div>
                                </div>
                                <div class="date1-right3">
                                    <div style="width: 22.212px;height: 42px;display: flex;align-items: center;">
                                        <span>9日</span></div>
                                    <div><span class="iconfont icon-xiangxia1" style="margin-left: 0px;
                                    margin-right: 0px;"></span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="button">
                    <div class="button-box"><button
                            style="font-size: 16px;color:#fffdfd ; background-color: #eba7aa;border: none;">注册</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-top">
            <div class="footer-top1">
                <a style="text-decoration: none; color: #9b9b9b"
                    href="https://id1.cloud.huawei.com/AMW/portal/agreements/userAgreement/zh-cn_userAgreement.html?version=china&countryCode=cn&reqClientType=26&clientID=10049053&loginChannel=26000000">华为账号用户协议</a>
            </div>
            <span class="hwid-foot">|</span>
            <div class="footer-top1">
                <a style="text-decoration: none; color: #9b9b9b"
                    href="https://id1.cloud.huawei.com/AMW/portal/agreements/accPrivacyStatement/zh-cn_accPrivacyStatement.html?version=china&countryCode=cn&reqClientType=26&clientID=10049053&loginChannel=26000000">关于华为账号与隐私的声明</a>
            </div>
            <span class="hwid-foot">|</span>
            <div class="footer-top1">
                <a style="text-decoration: none; color: #9b9b9b"
                    href="https://id1.cloud.huawei.com/AMW/portal/faq/zh-cn_faq.html?version=china&countryCode=cn&lang=zh-cn&reqClientType=26&loginChannel=26000000&clientID=10049053">华为账号用户协议</a>
            </div>
        </div>
        <div class="footer-bottom">
            <p>华为帐号 版权所有 © 2011-2022</p>
        </div>
    </div>
</body>
</html>